import React from 'react';
import { Avatar } from 'antd';
import styles from './index.less';

const AbsentList = ({ dataSource = [] }) => (
    <div className={styles.wrap}>
        <div className={styles.listTitle}>面谈缺席：</div>
        <div className={styles.listWrap}>
            {dataSource.map(item => (
                <div key={item?.recordUserInfo?.employeeCode} className={styles.item}>
                    <Avatar icon="user" src={item?.recordUserInfo?.avatar} size={24} />
                    <div style={{ marginLeft: 8 }}>
                        {item?.recordUserInfo?.employeeName}
                    </div>
                </div>
            ))}
        </div>
    </div>
);

export default AbsentList;
